<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <script src="js/zepoto.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/index.js" async="async" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="./css/_reset.css">
        <!-- 大于 750px 时 -->
        <link id="pcNavLink" rel="stylesheet" type="text/css" href="./css/pc/nav.css" media="all and (min-width: 750px)">
        <link id="pcMainLink" rel="stylesheet" type="text/css" href="./css/pc/follow.css" media="all and (min-width: 750px)">
        <!-- 小于 750px 时 -->
        <link id="mNavLink" rel="stylesheet" type="text/css" href="./css/m/nav.css" media="all and (max-width: 750px)">
        <link id="mMainLink" rel="stylesheet" type="text/css" href="./css/m/follow.css" media="all and (max-width: 750px)">
        <title>CreatShare</title>
    </head>
    <body>
        <!-- 移动端和窄屏的导航条 -->
        <aside id="aside" style="display: none">
            <div><img src="./img/mobile/close.png" onclick="closeAside()"></div>
            <div class="asideItemWrap">
                <a href="./team.html">团队</a>
                <a href="http://blog.creatshare.com" target="_blank">博客</a>
                <a href="./follow.html">关注</a>
                <a href="./about.html">关于</a>
            </div>
        </aside>
        <div style="text-align: center;">
            <header class="header follow" id="header">
                <nav class="nav" id="nav">
                    <img id="csLogo" src="./img/logo.svg" onclick="window.open('./index.html', '_self');" alt="creatshare">
                    <ul class="navul">
                        <a href="./team.html"><li id="team">团队</li></a>
                        <a href="http://blog.creatshare.com" target="_blank">
                            <li id="blog">博客</li>
                        </a>
                        <a href="./follow.html"><li id="star" class="homenavon">关注</li></a>
                        <a href="./about.html"><li id="about">关于</li></a>
                    </ul>
                    <banner>
                        <img src="./img/mobile/menu.png" onclick="showAside()">
                    </banner>
                </nav>
                <div id="hohead">
                    <p class="csp1">
                        <span class="c">创造价值</span>
                        <span class="s">分享世界</span>
                    </p>
                    <p class="csp2">
                        <span>西安邮电大学</span>
                        <span id="cs"> CreatShare </span>
                        <span>互联网实验室</span>
                    </p>
                </div>
                <div id="indexDown" style="display: none" onclick="scroolToTarget()">
                    <img src="./img/mobile/down.png">
                </div>
            </header>
        </div>
        <main class="followWrap">
            <h1>微博</h1>
            <div class="figureWrap">
                <div class="figureItemWrap">
                    <figure class="followFigure">
                        <img src="./img/follow/creatshare.jpg">
                        <p>CreatShare</p>
                        <span>实验室官方微博</span>
                        <button value="查看" onclick="window.open('https://weibo.com/creatshare')">查看</button>
                    </figure>
                </div>
                <div class="figureItemWrap" id="">
                    <figure class="followFigure">
                        <img src="./img/follow/changxiaoyuan.jpg">
                        <p>畅校园</p>
                        <span>畅校园官方微博</span>
                        <button value="查看" onclick="window.open('http://weibo.com/changxiaoyuan2012')">查看</button>
                    </figure>
                </div>
                <div class="figureItemWrap">
                    <figure class="followFigure">
                        <img src="./img/follow/xiyoudaohang.jpg">
                        <p>西邮导航</p>
                        <span>西邮导航官方微博</span>
                        <button value="查看" onclick="window.open('https://weibo.com/u/3164145834')">查看</button>
                    </figure>
                </div>
            </div>

            <h1>微信公众号</h1>
            <div class="figureWrap">
                <div class="figureItemWrap">
                    <!-- 畅校园 logo -->
                    <figure id="cxyWechat" class="followFigure">
                        <img src="./img/follow/changxiaoyuan_logo.jpg">
                        <p>畅校园</p>
                        <span>提供各种校园服务工具</span>
                        <button value="查看" onclick="showfollowQr('cxyWechat')">查看</button>
                    </figure>
                    <!-- 畅校园二维码 -->
                    <figure id="cxyWechat_qr" class="followFigureQr" style="display: none;">
                        <img src="./img/follow/changxiaoyuan_qr.png">
                        <span>畅校园</span>
                        <img src="./img/mobile/close.png" class="image" onclick="closefollowQr('cxyWechat_qr')">
                    </figure>
                </div>
                <div class="figureItemWrap">
                    <!-- 实验室订阅号 logo -->
                    <figure id="csWechat" class="followFigure">
                        <img src="img/follow/creatshare.jpg">
                        <p>CreatShare</p>
                        <span>实验室的微信 blog</span>
                        <button value="查看" onclick="showfollowQr('csWechat')">查看</button>
                    </figure>
                    <!-- 实验室订阅号二维码 -->
                    <figure id="csWechat_qr" class="followFigureQr" style="display:none;">
                        <img src="img/follow/creatshare_qr.jpg" style="width: 128px; height: 128px;">
                        <span>creatshare</span>
                        <img src="img/mobile/close.png" class="image" onclick="closefollowQr('csWechat_qr')">
                    </figure>
                </div>
                <div class="figureItemWrap">
                </div>
            </div>
        </main>
        <footer class="footer">
            <p>&copy; <span>Copyright</span> 2012-2018 CreatShare. All Rights Reserved.</p>
        </footer>
    </body>
</html>